<template>
    <div class="capability-title"></div>
    <div class="capability-content">
        <div class="item">
            <p class="p1">培训方案</p>
            <p class="p2 setColor">99</p>
        </div>
        <div class="item">
            <p class="p1">累计培训时间</p>
            <p class="p2 setColor">9999.5h</p>
        </div>
        <div class="item">
            <p class="p1">累计培训次数</p>
            <p class="p2 setColor">999</p>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.capability-title{
    width: 100%;
    height: 44px;
    margin: 9px 0 9px 0;
    background-image: url("../../../assets/icon13.png");
    background-size: 100% 100%;
}
.capability-content{
    width: 100%;
    display: flex;
    justify-content: space-between;
    .item{
        width: 174px;
        height: 48px;
        background-image: url("../../../assets/icon14.png");
        background-size: 100% 100%;
        box-sizing: border-box;
        padding-top: 2px;
        .p1{
            text-align: center;
            font-family: PingFangSC-SNaNpxibold;
            font-size: 12px;
            color: #FFFFFF;
        }
        .p2{
            text-align: center;
            font-size: 18px;
            font-face: AlimamaShuHeiTi;
            font-weight: 700;
            transform: translateY(-2px);
        }
    }
}
</style>